<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>快递查询</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0,  maximum-scale=1.0, user-scalable=0" >
			<!-- <link type="text/css" rel="stylesheet" href="__CDN__/amazeui/2.3.0/css/amazeui.min.css" /> -->
			<!-- <link type="text/css" rel="stylesheet" href="__CSS__/express.css" /> -->
			<link type="text/css" rel="stylesheet" href="__CSS__/jquery.mobile-1.1.0.min.css" />
<style>
html,body{ width:100%;height:100%;margin: 0;padding: 0;font-family: Helvetica,Arial,sans-serif;color:#909090; }
table { width: 100%; }
.smart-result { padding: 0;margin: 0;width:100%;box-sizing: content-box;-webkit-box-sizing: content-box; }
.smart-result-comname, .smart-result-kuaidinum { display: inline-block; height: 35px; line-height: 35px; text-align: center; text-shadow: none; font-size: 16px; color: #FFFFFF; }
.smart-result-comname { width: 30%; padding-right: 5%; background: #88cdfe; }
.smart-result-kuaidinum { width: 60%; padding-left: 5%; background: #67baf7; }
tbody  tr { width: 100%; font-weight: bold; color: #909090; }
/*tbody tr.first-line { color: #333333; }*/
tbody tr.last-line { color: #FF6600; }
tbody td { height: 60px; background: none; }
tbody tr.odd { background-color: #f6f6f6; }
tbody tr.even { background-color: #eeeeee; }
tbody td.col1 { width: 30%; }
tbody td.col2 { padding: 10px; width: 60%; line-height: 24px; }
tbody td.colstatus { width: 10%; }
tbody tr td.colstatus { background: url("__IMG__/express/step_point.png") center center no-repeat; }
tbody tr.first-line td.colstatus,tbody tr:first-child td.colstatus { background: url("__IMG__/express/step_start.png") center center no-repeat; }
tbody tr.wait td.colstatus{ background: url("__IMG__/express/step_wait.gif") center center no-repeat; }
tbody tr:last-child td.colstatus { }
tbody tr.checked td.colstatus { background: url("__IMG__/express/step_finish.png") center center no-repeat; }
.result-date, .result-time { display: block; width: 100%; text-align: center; }
.result-date { height: 15px; padding-top: 10px; font-weight: normal; font-size: 12px; }
.result-time { height: 35px; font-size: 24px; }
.result-btn{ padding:10px; text-align:center; background-color:#aaa; }
.result-btn a{ text-decoration:none;text-shadow:none; }
.result-btn a.ui-link, .result-btn a.ui-link:hover, .result-btn a.ui-link:visited, .result-btn a.ui-link:active { color:#fff; }
</style>
</head>
<body>
{__NORUNTIME__}
<notempty name="express">
<div class="smart-result"><span id="result-comname" class="smart-result-comname">{$express[0]|default=""}</span><span id="result-kuaidinum" class="smart-result-kuaidinum">{$express[1]|default=""}</span></div>
</noempty>
<table id="queryResult" cellpadding="0" cellspacing="0">
<tbody>
	<volist name="list" id="v" key="k" empty="$empty" >
	<tr class="
	<if condition="$k%2 eq 1"> odd <else /> even </if>
	<if condition="$k eq 1"> first-line </if>
	<if condition="$k eq count($list)"> last-line <if condition="strpos($v[1],'已签收') eq 1"> checked <else /> wait </if></if>
	">
		<td class="col1">
			<span class="result-date">{$v[0]|substr=8,10}</span>
			<span class="result-time">{$v[0]|substr=18,6}</span>
		</td>
		<td class="colstatus"></td>
		<td class="col2"><span>{$v[1]}</span></td>
	</tr>
	</volist>
</tbody></table>
</body>
</html>